<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../libs/css/bootstrap.min.css">
    <link rel="stylesheet" href="../css/login.css">
    <script src="../libs/js/jquery.min.js"></script>
    <script src="../libs/js/jquery.cookie.min.js"></script>
    <script src="../js/Strategy.js"></script>
    <script src="../js/Single.js"></script>
    <script src="../js/login.js"></script>
    <script src="../libs/js/modal.js"></script>

</head>

<body>
    <div class="inner-wrapper">
        <div class="box-wrapper center-block clearfix">
            <h1 class="logo">通行证登录</h1>
            <div class="input" id="login-wrapper">
                <div class="login">
                    <form id="password-form" novalidate="novalidate" class="
        username-required
        form-horizontal
        input-focus
        form-with-captcha">
                        <div id="login-input-container" class="login-input-container">
                            <div class="form-group ">
                                <div class="controls col-sm-12 ">
                                    <input id="username" aria-label="请输入电子邮箱或手机号码" value="" name="username"
                                        title="电子邮箱或手机号码" maxlength="320" type="text" tabindex="0" class="form-control"
                                        placeholder="电子邮箱或手机号码" autocorrect="off" spellcheck="false">
                                </div>
                            </div>
                            <div class="form-group ">
                                <div class="controls col-sm-12">
                                    <div class="blz-password-wrapper">
                                        <input id="password" aria-label="请输入密码" name="password" title="密码"
                                            maxlength="128" type="password" tabindex="0" class="form-control"
                                            autocomplete="off" placeholder="密码" autocorrect="off" spellcheck="false"
                                            value="" data-charmax-counter="9/128">
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group rememberbox">
                                <div class="col-sm-offset-2 col-sm-10">
                                    <div class="checkbox">
                                        <label>
                                            <input type="checkbox" id="remember"> 记住密码
                                        </label>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group submit">
                                <button type="button" id="loginBtn" class="center-block btn btn-primary col-sm-5"
                                    data-toggle="modal" data-target=".bs-example-modal-sm" style="float: none;">
                                    登录
                                </button>
                                <div class="clearfix"></div>
                            </div>
                        </div>
                    </form>
                    <div id="help-links" role="navigation">
                        <div role="link" class="regist">
                            <a rel="internal" href="./regist.html" class="btn btn-tertiary" tabindex="0" id="signup"
                                role="button">
                                免费创建通行证
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal fade" tabindex="-1" role="dialog" id="modal">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title">登录失败！</h4>
            </div>
            <div class="modal-body">
              <p>请检查账号和密码是否正确</p>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">确定</button>
            </div>
          </div><!-- /.modal-content -->
        </div><!-- /.modal-dialog -->
      </div><!-- /.modal -->
</body>

</html>